<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>DPL: 区域滚动</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl.css">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl/dpl-demo.css">
</head>

<body class="cmWrapper dpl-widget-scroll">
<article class="cmPage cmPageScroll">
	<header class="cmPageNavBar">
		<h1>区域滚动</h1>
		<div class="cmBtnWrapper cmRight">
			<a class="cmBtn" href="javascript:location.reload();">刷新</a>
		</div>
		<div class="cmBtnWrapper cmLeft">
			<a class="cmBtn cmBack" href="../"><b>DPL</b></a>
		</div>
	</header>
	<div class="cmPageContentFrame">
		<div class="inner">
			<section>
				<h2>页面内容</h2>
				<ul class="cmList">
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
					<li>
						<p>列表内容</p>
					</li>
				</ul>
			</section>
			<section>
				<div class="cmBtnWrapper">
					<a class="cmBtn" href="javascript:location.reload();">刷新</a>
				</div>
			</section>
		</div>
	</div>
</article>
<script src="/js/mv1/lib/lib.js"></script>
<script src="/js/mv1/lib/dpl.js"></script>
<script>_.ext.ini(); DPL.ini(); _.ga.ini();</script>
<script>
$(function () {
	DPL.page.hideAddrBar();
	DPL.page.iniPageScroll();
});
</script>
</body>
</html>
